<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <!-- 引入element样式文件 -->
  <link rel="stylesheet" href="./static/element/index.css">
  <!-- <script src="https://unpkg.com/vue@3"></script> -->
  <script src="./static/js/vue.global.js"></script>
  <!-- 引入element脚本文件 -->
  <script src="./static/element/index.full.js"></script>
</head>
<body>
  <div id="app">
    <h1>登录</h1>
    <el-form :model="form" label-width="auto" style="max-width: 600px">
      <el-form-item label="用户名">
        <el-input v-model="form.name" />
      </el-form-item>
      <el-form-item label="密码">
        <el-input v-model="form.password" />
      </el-form-item>
      <el-button type="primary">登录</el-button>
    </el-form>
  </div>

  <script>
    const App = {
      data() {
        return {
          title: "技术社区",
          form: {
            name: "",
            password: ""
          }
        };
      },
    };
    Vue.createApp(App).use(ElementPlus).mount("#app");
  </script>
</body>
</html>